<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>css垂直居中技巧</title>
  <meta content="width=750,user-scalable=no" name="viewport">
</head>

<body>
</body>
<!-- 单行文字垂直居中技巧 -->
<div class="content type1">为了部落</div>
<!-- translate实现多对象的垂直居中技巧 -->
<div class="box type2">
  <div class="content">
    立马来看Amos实际完成的
    <a href="http://csscoke.com/2015/07/31/nth-child_rwd_album/">CSS3精美相册效果 </a>
    效果吧！別忘了拖拉一下窗口看看 RWD 效果喔！ </div>
</div>
<!-- flex + align-items实现多对象的垂直居中技巧 -->
<div class="box type3">
  <div class="content">
    立马来看Amos实际完成的
    <a href="http://csscoke.com/2015/07/31/nth-child_rwd_album/">CSS3精美相册效果 </a>
    效果吧！別忘了拖拉一下窗口看看 RWD 效果喔！ </div>
</div>

</html>